<script setup lang="ts">
// 布尔
const male = false
// 函数
const getInfo = () => {
  return '么么'
}
// 对象 对象内部有函数
const dog = {
  name: '柯基',
  color: '黄色',
  bark() {
    return '汪汪~'
  },
}
</script>

<template>
  <!-- 支持写表达式 -->
  <!-- {{ 插值表达式 }} -->
  <h2>{{ male ? '男孩子' : '女孩子' }}</h2>
  <!-- 调用 获取返回值 -->
  <h2>{{ getInfo() }}</h2>
  <h2>{{ dog.bark() }}</h2>
  <!-- if switch while 这种是语句 -->
  <!-- <h2>{{ if(male){ '女孩子'} }}</h2> -->
</template>

<!-- 样式 -->
<style scoped></style>
